<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ include file="/WEB-INF/jsp/include/jstl.jsp" %>
<div id="basic">
	<form name="basicSettings" action="/settings/basic" method="post">
		<table>
			<tbody>
				<tr>
					<th class="gray6"><em class="error_color">*</em> 昵&nbsp;&nbsp;称：</th>
					<td><input type="text" id="basic.nickname" name="basic.nickname" value="${basic.nickname}" required></td>
					<td id="red_nickname"></td>
				</tr>
				<tr>
					<th class="gray6">真实姓名：</th>
					<td><input type="text" value="${basic.realname}" id="basic.realname" name="basic.realname" ></td>
					<td id="red_realname">
						<select id="pub_name_option" name="pub_name" class="info_tabTip" style="display: none;">
							<option value="2">所有人可见</option>
							<option value="1">我关注的人可见</option>
							<option selected="" value="0">仅自己可见</option>
					</select>
                    </td>
				</tr>
				<tr>
					<th class="gray6"><em class="error_color">*</em> 所在地：</th>
					<td class="info_tab_vm">
                    <div id="selected.region">
                    	<a >${basic.province} ${basic.city}</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:void(0);" onclick="javascript:dojo.style('region.selector','display','');">修改</a>
                    </div>
                    <div id="region.selector" style="display:none;">
                    <input type="hidden" name="basic.province" id="basic.province" value="${basic.province}"/>
                    <input type="hidden" name="basic.city" id="basic.city" value="${basic.city}"/>
                    <select id="province" name="province" onchange="javascript:loadCities();setSelectedValue();"></select>
                    <select id="city" name="city" onchange="javascript:setSelectedValue();"></select>
                    </div>
					</td>
					<td id="red_prov"></td>
				</tr>
                <tr>
					<th class="gray6">行业：</th>
					<td class="info_tab_vm"><input type="text" name="basic.industry" id="basic.industry" value="${basic.industry}" size="12"/></td>
					<td id="red_prov"></td>
				</tr>
                <tr>
					<th class="gray6">公司：</th>
					<td class="info_tab_vm"><input type="text" name="basic.company" id="basic.company" value="${basic.company}" size="12"/></td>
					<td id="red_prov"></td>
				</tr>
                <tr>
					<th class="gray6">待遇：</th>
					<td class="info_tab_vm"><input type="text" name="basic.salary" id="basic.salary" value="${basic.salary}" size="10" />左右</td>
					<td id="red_prov"></td>
				</tr>
				<tr>
					<th class="gray6"><em class="error_color">*</em> 性&nbsp;&nbsp;别：</th>
					<td class="info_tab_vm">
                    <input type="radio" value="Male" name="basic.gender" id="basic.gender.male" <c:if test="${basic.gender=='Male'}">checked="checked"</c:if>>
                    <label for="basic.gender.male">男</label>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="radio" value="Female" name="basic.gender" id="basic.gender.female" <c:if test="${basic.gender=='Female'}">checked="checked"</c:if>>
                    <label for="basic.gender.female">女</label>
					</td>
					<td></td>
				</tr>
				<tr>
					<th class="gray6">生日：</th>
					<td id="birthday" class="info_tab_vm birthDay">
                    <div>
                    ${basic.birthYear}-${basic.birthMonth}-${basic.birthDay}&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:void(0);" onclick="javascript:dojo.style('birthday.selector','display','');">修改</a>
                    <input type="hidden" name="basic.birthYear" id="basic.birthYear" value="${basic.birthYear}"/>
                    <input type="hidden" name="basic.birthMonth" id="basic.birthMonth" value="${basic.birthMonth}"/>
                    <input type="hidden" name="basic.birthDay" id="basic.birthDay" value="${basic.birthDay}"/>
                    </div>
                    <div id="birthday.selector" style="display:none;">
                    <select name="year" id="year" onchange="javascript:dojo.byId('basic.birthYear').value=this.options[this.selectedIndex].value;">
							<option value="1"></option>
							<option value="1990" label="1990">1990</option>
							<option value="1989" label="1989">1989</option>
							<option value="1988" label="1988">1988</option>
							<option value="1987" label="1987">1987</option>
							<option value="1986" label="1986">1986</option>
							<option value="1985" label="1985">1985</option>
							<option value="1984" label="1984">1984</option>
							<option value="1983" label="1983">1983</option>
							<option value="1982" label="1982">1982</option>
							<option value="1981" label="1981">1981</option>
							<option value="1980" label="1980">1980</option>
							<option value="1979" label="1979">1979</option>
							<option value="1978" label="1978">1978</option>
							<option value="1977" label="1977">1977</option>
							<option value="1976" label="1976">1976</option>
							<option value="1975" label="1975">1975</option>
							<option value="2005" label="2005">2005</option>
							<option value="2004" label="2004">2004</option>
							<option value="2003" label="2003">2003</option>
							<option value="2002" label="2002">2002</option>
							<option value="2001" label="2001">2001</option>
							<option value="2000" label="2000">2000</option>
							<option value="1999" label="1999">1999</option>
							<option value="1998" label="1998">1998</option>
							<option value="1997" label="1997">1997</option>
							<option value="1996" label="1996">1996</option>
							<option value="1995" label="1995">1995</option>
							<option value="1994" label="1994">1994</option>
							<option value="1993" label="1993">1993</option>
							<option value="1992" label="1992">1992</option>
							<option value="1991" label="1991">1991</option>
							<option value="1974" label="1974">1974</option>
							<option value="1973" label="1973">1973</option>
							<option value="1972" label="1972">1972</option>
							<option value="1971" label="1971">1971</option>
							<option value="1970" label="1970">1970</option>
							<option value="1969" label="1969">1969</option>
							<option value="1968" label="1968">1968</option>
							<option value="1967" label="1967">1967</option>
							<option value="1966" label="1966">1966</option>
							<option value="1965" label="1965">1965</option>
							<option value="1964" label="1964">1964</option>
							<option value="1963" label="1963">1963</option>
							<option value="1962" label="1962">1962</option>
							<option value="1961" label="1961">1961</option>
							<option value="1960" label="1960">1960</option>
							<option value="1959" label="1959">1959</option>
							<option value="1958" label="1958">1958</option>
							<option value="1957" label="1957">1957</option>
							<option value="1956" label="1956">1956</option>
							<option value="1955" label="1955">1955</option>
							<option value="1954" label="1954">1954</option>
							<option value="1953" label="1953">1953</option>
							<option value="1952" label="1952">1952</option>
							<option value="1951" label="1951">1951</option>
							<option value="1950" label="1950">1950</option>
							<option value="1949" label="1949">1949</option>
							<option value="1948" label="1948">1948</option>
							<option value="1947" label="1947">1947</option>
							<option value="1946" label="1946">1946</option>
							<option value="1945" label="1945">1945</option>
							<option value="1944" label="1944">1944</option>
							<option value="1943" label="1943">1943</option>
							<option value="1942" label="1942">1942</option>
							<option value="1941" label="1941">1941</option>
							<option value="1940" label="1940">1940</option>
							<option value="1939" label="1939">1939</option>
							<option value="1938" label="1938">1938</option>
							<option value="1937" label="1937">1937</option>
							<option value="1936" label="1936">1936</option>
							<option value="1935" label="1935">1935</option>
							<option value="1934" label="1934">1934</option>
							<option value="1933" label="1933">1933</option>
							<option value="1932" label="1932">1932</option>
							<option value="1931" label="1931">1931</option>
							<option value="1930" label="1930">1930</option>
					</select><em>年</em> 
                    <select name="month" id="month" onchange="javascript:dojo.byId('basic.birthMonth').value=this.options[this.selectedIndex].value;">
							<option value="0" selected=""></option>
							<option value="1">01</option>
							<option value="2">02</option>
							<option value="3">03</option>
							<option value="4">04</option>
							<option value="5">05</option>
							<option value="6">06</option>
							<option value="7">07</option>
							<option value="8">08</option>
							<option value="9">09</option>
							<option value="10">10</option>
							<option value="11">11</option>
							<option value="12">12</option>
					</select><em>月</em>
                    <select name="day" id="day" onchange="javascript:dojo.byId('basic.birthDay').value=this.options[this.selectedIndex].value;">
                    		<option value="0" selected="selected"></option>
							<option value="1">01</option>
							<option value="2">02</option>
							<option value="3">03</option>
							<option value="4">04</option>
							<option value="5">05</option>
							<option value="6">06</option>
							<option value="7">07</option>
							<option value="8">08</option>
							<option value="9">09</option>
							<option value="10">10</option>
							<option value="11">11</option>
							<option value="12">12</option>
							<option value="13">13</option>
							<option value="14">14</option>
							<option value="15">15</option>
							<option value="16">16</option>
							<option value="17">17</option>
							<option value="18">18</option>
							<option value="19">19</option>
							<option value="20">20</option>
							<option value="21">21</option>
							<option value="22">22</option>
							<option value="23">23</option>
							<option value="24">24</option>
							<option value="25">25</option>
							<option value="26">26</option>
							<option value="27">27</option>
							<option value="28">28</option>
							<option value="29">29</option>
							<option value="30">30</option>
							<option value="31">31</option>
					</select><em>日</em>
                    </div>
                    </td>
					<td id="birthdaytip"></td>
				</tr>
				<tr>
					<th class="gray6">QQ：</th>
					<td>
                    <input type="text" value="${basic.qq}" name="basic.qq" id="basic.qq">
						<select id="pub_qq_option" name="pub_qq" style="display: none;">
							<option value="2">所有人可见</option>
							<option selected="" value="0">我关注的人可见</option>
							<option value="1">仅自己可见</option>
					</select>
                    </td>
				</tr>
				<tr>
					<th class="gray6">MSN：</th>
					<td><input type="email" value="${basic.msn}" name="basic.msn" id="basic.msn">
						<select id="pub_msn_option" name="pub_msn" style="display: none;">
							<option value="2">所有人可见</option>
							<option selected="" value="0">我关注的人可见</option>
							<option value="1">仅自己可见</option>
					</select></td>
				</tr>
				<tr>
					<th class="gray6">一句话介绍：</th>
					<td><textarea class="info_txtarea" id="basic.intro" name="basic.intro">${basic.intro}</textarea></td>
					<td id="red_mydesc"></td>
				</tr>
				<tr>
					<th></th>
					<td><div class="MIB_btn">
                    	<input type="submit" name="saveBasic" id="saveBasic" value=" 保存 "/>
						</div>
					</td>
					<td></td>
				</tr>
			</tbody>
		</table>
	</form>
</div>
<script language="javascript" type="text/javascript" src="/js/region.js"></script>